// 需求：给li标签添加提示框，鼠标悬浮时li标签展示出提示框，鼠标移走消失
// 方法1：给ul绑定点击事件，判断当前操作的标签，是li时就展示提示框
// pointer-events:none  //css穿透，会默认当前元素透明，不会捕获到任何效果
var ulObj = document.querySelector('ul')
ulObj.onmousemove = function(evt){
    var e = evt || window.event
    var target = e.target || e.srcElement
    console.log(target);   //判断当前操作的标签
     tipsObj = document.querySelector('div')
    if(target.nodeName =='LI'){
        tipsObj.style.display = 'block'
        tipsObj.style.left = e.clientX - tipsObj.offsetWidth + 15 + 'px'  //此处由于加了绝对定位，因此offset不能使用
        tipsObj.style.top  = e.clientY - tipsObj.offsetHeight - 5 + 'px'
    } else{
        tipsObj.style.display = 'none'
    }
    
}
ulObj.onmouseout = function(){
    tipsObj.style.display = 'none'
} 